<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人信息</title>
		<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no,viewport-fit=cover">
		<meta name="format-detection" content="telephone=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="stylesheet" href="../../css/common.css" />
		<link rel="stylesheet" href="../../css/mine/detail.css" />
		<script type="application/javascript" src="../../js/common/static_common.js"></script>
	</head>
	<body>
		<span id="app" v-cloak>
		<header title="个人信息"></header>

		<div class="_div data-v-27aef65c container">
			<div class="_div data-v-27aef65c section header clearfix">
				<div class="_div data-v-27aef65c logo" data-comkey="0" data-eventid="0">
					<img class="_img data-v-27aef65c header-img" mode="widthFix" :src="user.avatar" />

				</div>
				<div class="_div data-v-27aef65c msg" @click="addPicButton()">点击修改头像</div>
				<input type="file" accept="image/*" ref="addPic" @change="upload($event)" style="display: none;"/>
			</div>
			<div class="_div data-v-27aef65c section form">
				<div class="_div data-v-27aef65c item clearfix">
					<div class="_div data-v-27aef65c left"> 昵称 </div>
					<div class="_div data-v-27aef65c right">
						<input class="_input data-v-27aef65c inp" placeholder="请输入2-12位中英文昵称" type="text"  v-model="user.nickname" />
					</div>
				</div>
				<div class="_div data-v-27aef65c item clearfix">
					<div class="_div data-v-27aef65c left"> 性别 </div>
					<div class="_div data-v-27aef65c right">
						<div class="_div data-v-27aef65c sex" data-comkey="0" data-eventid="3" @click="flag=!flag">
							<img :src="flag?'../../images/check.png':'../../images/uncheck.png'" style="width: 40px;position: relative;top:10px;">
							男
						</div>
						<div class="_div data-v-27aef65c sex" data-comkey="0" data-eventid="4" @click="flag=!flag">
							<img :src="!flag?'../../images/check.png':'../../images/uncheck.png'" style="width: 40px;position: relative;top:10px;" >
							女
						</div>
					</div>
				</div>
				<div class="_div data-v-27aef65c item clearfix">
					<div class="_div data-v-27aef65c left"> 生日 </div>
					<div class="_div data-v-27aef65c right">
						<input class="_input data-v-27aef65c inp" placeholder="请选择日期" type="text" id="date" v-model="user.birthday" />
					</div>
				</div>
				<div class="_div data-v-27aef65c item clearfix">
					<div class="_div data-v-27aef65c left"> 地区 </div>
					<div class="_div data-v-27aef65c right">
						<input class="_input data-v-27aef65c inp" v-model="user.addr"  id="picker" placeholder="请选择地区" type="text"/>
					</div>
				</div>
			</div>
		<div class="_div data-v-27aef65c sub-btn" @click="save()"> 保存 </div>
		</div>
		</span>
	</body>
	<script type="application/javascript" src="../../js/mine/detail.js"></script>
	<script type="application/javascript" src="../../js/city/main.js"></script>
	<script>
		var calendar = new lCalendar();
		calendar.init({
			'trigger': '#date',
			'type': 'date'
		});
	</script>
</html>
